<!--
  Generated template for the TestPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>test</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>
    <!-- effect:string 
      The animation effect of the slides. 
      Possible values are: slide, fade, cube, coverflow or flip. Default: slide. -->
  <ion-slides class="focus"  loop="true" autoplay="3000" direction="vertical" speed="1000" style="height:40px;" effect="slide">    
        <ion-slide>XX获取另外一元</ion-slide>  
        <ion-slide>XX获取另外二元</ion-slide>
        <ion-slide>XX获取另外撒v元</ion-slide>
        <ion-slide>XX获取另外四元</ion-slide>
        <ion-slide>XX获取另外五元</ion-slide>       
  </ion-slides>
  
  <button (click)="onClick()">
    微信分享
  </button>

  <ion-list>
    <!-- <ion-list-header>
      <ion-label>日常任务</ion-label>
    </ion-list-header> -->
    <ion-item>
      <span class="leftspanArea" item-left><img class="iconleftImg" src="assets/img/classifyicon.png"/></span>
      <ion-label>日常任务</ion-label>
    </ion-item>
    <div *ngFor="let item of dailyTask">
      <ion-item (click)="toggleGroup(item)">
          <span class="leftspanArea" item-left></span>
          <ion-label>阅读咨询3分钟</ion-label>
          <span item-right>+10</span>
          <span item-right><img class="iconleftImg" src="assets/img/classifyicon.png"/></span>
          <ion-icon name="arrow-forward" item-right class="rightArrow" *ngIf="!item.show"></ion-icon>
          <ion-icon name="arrow-down" item-right class="rightArrow" *ngIf="item.show" (click)="accordion(indx,'hihe')"></ion-icon>
      </ion-item>
      <ion-item class="item-accordation" [hidden]="!isGroupShown(item)">
        <ion-label>Awesome Label</ion-label>
      </ion-item>
    </div>
  </ion-list>
</ion-content>
